<template>
  <fieldset>
    <legend>购物车</legend>
    <h1>购物车:cart</h1>
    <ul>
      <li v-for="item in cartData" :key="item.id">
        <b> 产品:{{ item.title }} </b>
        ----------
        <b> 价格:{{ item.price }} </b>
        ----------
        <b> 数量:{{ item.count }} </b>
        --------
        <button>-</button>
      </li>
    </ul>
    <h1>
      总价:
      {{ total }}
    </h1>
  </fieldset>
</template>
<script>
import { mapState, mapGetters } from "vuex";
export default {
  computed: {
    ...mapState("cart", ["cartData"]),
    ...mapGetters("cart", ["total"]),
  },
};
</script>